<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>
        // 要求：
            // 定义变量记录输入弹窗输入的值
            // 已经书籍信息如下
                // 西游记   价格99.00元
                // 红楼梦   价格88.00元
                // 水浒传   价格110.00元
                // 三国演义  价格200.00元
            // 根据输入的书籍名称，查询相关书籍价格，
            // 如查询到，弹窗提示 “该书籍价格多少元”
            // 如查询不到，则，弹窗提示“该书籍不存在”

        // 编码：  
             // 定义变量记录输入弹窗输入的值
             var product_name = prompt("请输入查询的课本名称");
             //  console.log(product_name);
            // 根据输入的信息查询价格
            if(product_name == "西游记"){
                // 弹窗课本的价格
                alert("该书籍价格99.00元")
            }
            else if(product_name == "红楼梦"){
                 // 弹窗课本的价格
                 alert("该书籍价格88.00元")
            }
            else if(product_name == "水浒传"){
                 // 弹窗课本的价格
                 alert("该书籍价格110.00元")
            }
            else if(product_name == "三国演义"){
                 // 弹窗课本的价格
                 alert("该书籍价格200.00元")
            }


            // 总结：
                // 结合弹窗，灵活运用的条件判断语句或(控制流语句)
                // 弹窗起到交互的作用

    </script>
</body>
</html>